
// /* assets/scss/element-variables.scss */

// // 转换 rgba 颜色为十六进制（Element Plus 主要使用十六进制）
// // 系统主题色 rgba(22, 173, 164, 1) = #16ada4
// $--color-primary: #16ada4;

// // 文字主题颜色 rgba(0, 0, 0, 0.90) = #000000e6
// $--color-text-primary: rgba(0, 0, 0, 0.90);

// // 输入框提示颜色 rgba(0, 0, 0, 0.40) = #00000066
// $--color-text-placeholder: rgba(0, 0, 0, 0.40);

// // 红色 rgba(245, 34, 45, 1) = #f5222d
// $--color-danger: #f5222d;

// // 圆角设置
// $--border-radius-base: 3px;
// $--border-radius-small: 3px;

// // 输入框高度
// $--input-height: 40px;
// $--input-medium-height: 40px;
// $--input-small-height: 40px;
// $--input-mini-height: 40px;

// // 按钮高度
// $--button-medium-height: 40px;
// $--button-small-height: 40px;
// $--button-mini-height: 28px;

// // 其他相关颜色配置
// $--color-primary-light-1: mix(white, $--color-primary, 10%);
// $--color-primary-light-2: mix(white, $--color-primary, 20%);
// $--color-primary-light-3: mix(white, $--color-primary, 30%);
// $--color-primary-light-4: mix(white, $--color-primary, 40%);
// $--color-primary-light-5: mix(white, $--color-primary, 50%);
// $--color-primary-light-6: mix(white, $--color-primary, 60%);
// $--color-primary-light-7: mix(white, $--color-primary, 70%);
// $--color-primary-light-8: mix(white, $--color-primary, 80%);
// $--color-primary-light-9: mix(white, $--color-primary, 90%);

// // 危险色的渐变色
// $--color-danger-light-1: mix(white, $--color-danger, 10%);
// $--color-danger-light-2: mix(white, $--color-danger, 20%);
// $--color-danger-light-3: mix(white, $--color-danger, 30%);
// $--color-danger-light-4: mix(white, $--color-danger, 40%);
// $--color-danger-light-5: mix(white, $--color-danger, 50%);
// $--color-danger-light-6: mix(white, $--color-danger, 60%);
// $--color-danger-light-7: mix(white, $--color-danger, 70%);
// $--color-danger-light-8: mix(white, $--color-danger, 80%);
// $--color-danger-light-9: mix(white, $--color-danger, 90%);

// // // 导入 Element Plus 的默认样式
// // @forward 'element-plus/theme-chalk/src/common/var.scss' with (
// //   $colors: (
// //     'primary': (
// //       'base': #16ada4,
// //     ),
// //     'danger': (
// //       'base': #f5222d,
// //     ),
// //   ),
// //   $text-color: (
// //     'primary': rgba(0, 0, 0, 0.90),
// //     'placeholder': rgba(0, 0, 0, 0.40),
// //   ),
// //   $border-radius: (
// //     'base': 3px,
// //     'small': 3px,
// //   ),
// //   $input-height: 40px,
// //   $button-height: 40px,
// // );

